*
	margin: 0
	padding: 0
	list-style: none
.container-bnner
	width: 1200px
	height: 450px
	position: relative
	overflow: hidden
	margin: 0 auto
	.vewbox
		width: 9999999px
		position: absolute
		top: 0
		left: 0
		li
			width: 1200px
			height: 400px
			float: left
			img
				width: 1200px
				height: 400px
		.perv.next
			width: 50px
			height: 50px
			background: rgba(0,0,0,0.5)
			position: absolute
			top: 50%
			margin-top: -20px
			color: #fff
			text-align: center
			line-height: 40px
		.perv
			left: 0
		.next
			right: 0
	.dots
		width: 120px
		position: absolute
		height: 30px
		left: 50%
		margin-left: -60px
		top: 370px
		span
			width: 20px
			height: 10px
			background: #fff
			border-radius: 50%
			float: left
			margin: 0 2px
		&.active
			background: #ccc
			width: 600px
.navContainer
	.navTitle
		display: flex
		justify-content: center
		align-items: center
		li
			width: 150px
			img
				margin-left: 15px
				width: 100px
				height: 100px
			p
				width: 150px
				text-align: center
				font-size: 16px
				line-height: 30px
.line-banner
	border: 1px solid #000
	margin-top: 50px
	margin-bottom: 100px
